<?php $this->headScript()->appendFile($this->js('plugins/jquery.form.js'))
->appendFile($this->js('plugins/jquery.alerts.js'));
$this->headLink()->appendStylesheet($this->js('css/jquery.alerts.css'));
?>
<script>
$(document).ready(function(){
	$("#student_id").change(function(){
		var id = $(this).attr('value');
	    $.get("<?php echo $this->route('get-student-semester')?>",{id: id},function(data){
	        $("#student-list").html(data);
		 });
	});
	$("#changeBtn").click(function(){
		$("#student_id").trigger('change');
	});
});
</script>
<style>
#student-list table{background:#ccc; margin:5px}
#student-list td {background:#fff; padding:5px}
#student-list th {background:#dde; padding:5px}
</style>

<div id="select-area">
<label for="student_id"><?php echo $this->translate('sign student id')?></label>
<input type="text" name="student_id" size="10" id="student_id" />
<input type="button"  id="changeBtn"  value="<?php echo $this->translate('change student')?>" />
</div>
<div id="student-list">

</div>

